<!--
 * @Descripttion: 出手鸭小程序
 * @version:1.0.1 
 * @Author: HHL
 * @Date: 2023-10-10 15:31:33
 * @LastEditTime: 2023-11-14 20:48:42
 * @LastEditors: sueRimn
-->

<template>
  <view class='zhima-suban'>
    <view class='advance d-flex align-items-center'>
      <view class="base-icons dazhima-icon"/>
      <view class='left flex-fill'>
        <view class='d-flex align-items-center'>
          <view class='title'>芝麻速办 | 极速回收</view>
          <view class='sesame'>芝麻分≥550可享</view>
        </view>
        <view class='text'>无需等待，先拿预付款</view>
      </view>
      <view class='right'>
        <view class='money'>
          <text class="unit">￥</text>
          <text>{{advanceCharge}}</text>
        </view>
        <view class='text'>本单预计先拿</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    advanceCharge: { type: Number, default: 0 }
  }
}
</script>

<style lang="scss" scoped>
.zhima-suban{
  padding: 0 0 0rpx;
  margin: 24rpx 32rpx 0 32rpx;
  position: relative;
  .tip{
    padding: 8rpx 0 30rpx;
    .img, .img img{
      width: 686rpx;
      height: 30rpx;
      display: block;
      margin: 0 auto;
    }
  }
  
  .advance{
    padding: 25rpx 32rpx 22rpx 32rpx;
    background: #FFFFFF;
    box-shadow: 0 5rpx 5rpx 0 rgba(51,51,51,0.05);
    border-radius: 20rpx;
    .left{
      .icon{
        width: 30rpx;
        height: 36rpx;
      }
      .title{
        padding: 0 14rpx 0 16rpx;
        font-size: 26rpx;
        line-height: 1em;
        color: #333;
        font-weight: 500;
      }
      .sesame{
        width: 168rpx;
        height: 32rpx;
        line-height: 32rpx;
        color: var(--hui-color-primary);
        background-color: var(--hui-bg-button);
        border-radius: 6rpx;
        font-size: 20rpx;
        text-align: center;
      }
      .text{
        padding: 17rpx 0 0 10rpx;
        font-size: 22rpx;
        color: var(--hui-color-subtitle);
        line-height: 24rpx;
      }
    }
    .right{
      text-align: right;
      .money{
        font-size: 28rpx;
        line-height: 38rpx;
        height: 38rpx;
        color: #FF2323;

      }
      .text{
        padding-top: 20rpx;
        font-size: 22rpx;
        color: var(--hui-color-subtitle);
        line-height: 24rpx;
      }

    }
  }
}
</style>